@font-face {

    font-family: 'oswaldbold';

    src: url('fonts/oswald-bold-webfont.eot');

    src: url('fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/oswald-bold-webfont.woff2') format('woff2'),

         url('fonts/oswald-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'oswald_regularregular';

    src: url('fonts/oswald-regular-webfont.eot');

    src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/oswald-regular-webfont.woff2') format('woff2'),

         url('fonts/oswald-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotobold';

    src: url('fonts/roboto-bold-webfont.eot');

    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-bold-webfont.woff2') format('woff2'),

         url('fonts/roboto-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotoregular';

    src: url('fonts/roboto-regular-webfont.eot');

    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-regular-webfont.woff2') format('woff2'),

         url('fonts/roboto-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}







* p, h1, h2, h3, h4, h5, h5, ul{

  padding: 0;

  margin: 0;

}

/*--------- header Start --------*/

/*---- top ----*/



.social {
      text-align: left;
    margin: 5px 0;
}

/* ============================ */
/* SOCIAL ICONS                 */
/* ============================ */
.social-icon {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  background-color: #c4c4c4;
  text-align: center;
  display: inline-block;
  width: 40px;
  height: 38px;
  padding: 9px 0px;
  color: white;
  margin: 2px;
  /* Color each button differently */
}
.social-icon:nth-child(1) {
  /* Animation */
  -webkit-animation: fadeInRight 0.6s 0.25s forwards;
  animation: fadeInRight 0.6s 0.25s forwards;
  opacity: 0;
  background: #878787;
  /* Color */
}
.social-icon:nth-child(1):hover, .social-icon:nth-child(1):active, .social-icon:nth-child(1):focus {
  opacity: 1;
  background-color: #ff0000;
  color:#FFF;
}
.social-icon:nth-child(2) {
  /* Animation */
  -webkit-animation: fadeInRight 0.6s 0.5s forwards;
  animation: fadeInRight 0.6s 0.5s forwards;
  opacity: 0;
  background: #878787;
  /* Color */
}
.social-icon:nth-child(2):hover, .social-icon:nth-child(2):active, .social-icon:nth-child(2):focus {
  opacity: 1;
  background-color: #ff0000;
  color:#FFF;;
}
.social-icon:nth-child(3) {
  /* Animation */
  -webkit-animation: fadeInRight 0.6s 0.75s forwards;
  animation: fadeInRight 0.6s 0.75s forwards;
  opacity: 0;
  background: #878787;
  /* Color */
}
.social-icon:nth-child(3):hover, .social-icon:nth-child(3):active, .social-icon:nth-child(3):focus {
  opacity: 1;
  background-color: #ff0000;
  color:#FFF;
}
.social-icon:nth-child(4) {
  /* Animation */
  -webkit-animation: fadeInRight 0.6s 1s forwards;
  animation: fadeInRight 0.6s 1s forwards;
  opacity: 0;
  background: #878787;
  /* Color */
}
.social-icon:nth-child(4):hover, .social-icon:nth-child(4):active, .social-icon:nth-child(4):focus {
  opacity: 1;
  background-color: #ff0000;
  color:#FFF;
}
.social-icon:nth-child(5) {
  /* Animation */
  -webkit-animation: fadeInRight 0.6s 1.25s forwards;
  animation: fadeInRight 0.6s 1.25s forwards;
  opacity: 0;
  background: #878787;
  /* Color */
}
.social-icon:nth-child(5):hover, .social-icon:nth-child(5):active, .social-icon:nth-child(5):focus {
 opacity: 1;
  background-color: #ff0000;
  color:#FFF;
}
.social-icon:nth-child(6) {
  /* Animation */
  -webkit-animation: fadeInRight 0.6s 1.5s forwards;
  animation: fadeInRight 0.6s 1.5s forwards;
  opacity: 0;
  background: #878787;
  /* Color */
}
.social-icon:nth-child(6):hover, .social-icon:nth-child(6):active, .social-icon:nth-child(6):focus {
  opacity: 1;
  background-color: #ff0000;
  color:#FFF;
}
.social-icon:nth-child(7) {
  /* Animation */
  -webkit-animation: fadeInRight 0.6s 1.75s forwards;
  animation: fadeInRight 0.6s 1.75s forwards;
  opacity: 0;
  background: #878787;
  /* Color */
}
.social-icon:nth-child(7):hover, .social-icon:nth-child(7):active, .social-icon:nth-child(7):focus {
  opacity: 1;
  background-color: #ff0000;
  color:#FFF;
}
.social-icon img {
  width: 20px;
}

/* ============================ */
/* TOOLTIP                      */
/* ============================ */
[data-tooltip] {
  position: relative;
  /* tooltip arrow */
  /* tooltip box */
}
[data-tooltip]:before, [data-tooltip]:after {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  transition-timing-function: linear;
  position: absolute;
  left: 50%;
  top: 100%;
  bottom: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
[data-tooltip]:before {
  content: "";
  border-color: #323232;
  border-style: none;
  border: 5px solid transparent;
  border-bottom: 6px solid #323232;
  margin-top: -4px;
}
[data-tooltip]:after {
  content: attr(data-tooltip);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: auto;
  height: 22px;
  padding: 11px 11px 0 11px;
  font-size: 13px;
  line-height: 11px;
  white-space: nowrap;
  background-color: #323232;
  color: #ecf0f1;
  margin-top: 7px;
}
[data-tooltip]:hover, [data-tooltip]:focus {
  background-color: transparent;
}
[data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  opacity: 1;
  visibility: visible;
}







.top-fulid{

     background-color: #242021;
    padding-top: 0px;
    padding-bottom: 0px;

}
.toparia{ background:#c2272d;}
.top{

  text-align: left;

}

.top p{

  color: #fff;

  font-size: 14px;

  font-family: robotoregular;

  text-transform: capitalize;

}


.maincatagory{ background:url(im/main-cat-bg.jpg); background-repeat:inherit; background-attachment: fixed;}

.maincatagory{ text-align:center; padding:10px 10px;}
.maintop{ text-align:center; padding:10px 0;}

.top span{

  background-image: url(im/spekar.png);

  background-repeat: no-repeat;

  background-position: right center;

  padding-right: 20px;

  color: #00abeb;

}

.top-text{

 text-align: left;
    padding: 10px 0;
	color: #fff;

}
.topbarcontact{ 
		text-align: center;
		font-family: Arial;
		text-transform: uppercase;
		font-size: 20px;
		background: #ff0000;
		color: #fff;
		font-weight: bold;
		padding: 10px 0;
}

.top-text p{

  display: inline-block;

  color: #fff;

  font-size: 14px;

  font-family: robotoregular;

  padding-left: 24px; 

}

.top-text a{

  color: #fff;

}

.top-text a:hover{

  color: #c8e600;

}






@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(1.334em) translateZ(0);
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(1.334em) translateZ(0);
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(1.334em) translateZ(0);
    -moz-transform: translateX(1.334em) translateZ(0);
    -ms-transform: translateX(1.334em) translateZ(0);
    -o-transform: translateX(1.334em) translateZ(0);
    transform: translateX(1.334em) translateZ(0);
  }
  100% {
    opacity: 1;
  }
}










/*------ Nav Bar Start -----*/

.nav-fluid{

  background-color: #fff;

}

.logo{

       padding: 5px 0px;

}

.navbar-nav {

  font-size:14px;

}

.navbar-nav a:hover{

  color: #fff;

  background-color: #e6e6e6;

}

.nav li a:hover{

    background-color:none;  

}

.navbar-default{

  background: none;

  border: none;

}

.navbar-toggle {

  margin-bottom: : 20px ;

}

.navbar{

  margin: 0;

  border: solid 0px #fff;

}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

      color: #ff0000;
    background-color: transparent;
    border-bottom: solid 3px #ff0000;

}

.navbar-default .navbar-nav > li > a{

       color: #000;
    font-family: Arial;
    font-size: 11px;
    text-transform: uppercase;

}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

    color: #00abeb;

    background-color: transparent;

}

.nav > li > a{

  padding: 40px 10px;

}

.navbar-default .navbar-toggle .icon-bar{

  background-color: #fff;

}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

    background-color: #c8e600;

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {

    border-color: #000;

    float: left;

    padding: 0;

}

.dropdown-menu{

  background-color: #000;

  padding-left: 13px;

}

.dropdown-menu > li > a{

  color: #fff;
    font-size: 12px;
    font-family: Arial;
    text-transform: uppercase;
    padding: 6px 18px;
    background-image: url(im/ero.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 17px;

}


.mainsubcata{     background: #ff0000;
    border: solid 1px #666666;
    color: #000000;
    padding: 15px;
    text-align: center;}

.dropdown-menu > li > a:hover{

  color: #fff;

  background-color: transparent;

}



.search{
        text-align: right;
    padding-top: 35px;
    padding-right: 0px;

}

.search input{

      width: 236px;
    height: 30px;
    border: solid 1px #c5c5c5;
    padding-left: 10px;
    color: #c5c5c5;
    display: inline-block;
    background-color: #fff;

}

.search button{

     width: 40px;
    height: 30px;
    border: solid 1px #c5c5c5;
    display: inline-block;
    margin-left: -5px;
    vertical-align: top;
    background-color: #fff;

}

/*---- navbar ----*/















@media screen and (max-width: 1199px){

  .nav > li > a {

    padding: 23px 11px;

  }

  .navbar-default .navbar-nav > li > a{

    font-size: 15px;

  }

}











@media screen and (max-width: 991px){

  .nav > li > a {

    padding: 12px 4px;

  }

  .navbar-default .navbar-nav > li > a{

    font-size: 14px;
	border-bottom: solid 1px #000;

  }

  .logo {

    padding-top: 30px;

    padding-bottom: 30px;

  }
  
  

}











@media screen and (max-width: 767px){

  .top{

    text-align: center;

  }

  .top p{

    padding-bottom: 10px;

  }

  .top-text{

    text-align: center;

  }

  .search input{

    width: 80%;

    height: 40px;

    margin-bottom: 20px;

  }

  .search button{

    width: 20%;

    height: 40px;

  }

  .navbar-toggle{

    margin-top: 20px;

    margin-right: 0;

  }

  .navbar-default .navbar-collapse, .navbar-default .navbar-form{

    float: unset;

    text-align: center;

  }

  .search{

    padding-right: 0;

  }
  
  .cat-text h3{

  color: #fff;

  text-transform: uppercase;

  font-size: 15px;

  font-family: oswaldbold;

  position: absolute;

  left: 0;

  right: 0;

  top: 30px;

  transition: all 0.5s ease;

}



.cat-text:hover h3{

  color: #00abeb;

  top: 20px;

}

}

/*--------- header End --------*/




















.aboutbg{ background:url(im/aboutbg2.jpg); background-repeat:repeat-y;    margin: 5px 0;}
.aboutimage1{    padding: 19px 0;}
.welcometolajpal{    color: #fff;
    font-size: 22px;
    font-family: robotoregular;
    padding-left: 24px;
    text-transform: uppercase;    padding-top: 23px;}
	
	
	.welcometext{
		color: #000;
    font-family: Arial;
    font-size: 16px;
    
    text-align: center;
    padding: 15px 0;	
	 }
	 
	 
	 .newarrival{ text-align:left; padding:10px 0px;}
	 .readmore{ padding:15px 0; text-align:center;}
	
	.welcometext2{     font-family: oswaldbold;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
    color: #838a93;
    padding-left: 25px;}




/*--------- Cat Start --------*/

.cat-main{

  position: relative;

  transition: all 0.5s ease;
      margin: 0px -9px;

}

.cat-text{

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  text-align: center;

  transition: all 0.5s ease;

  margin: 0 auto;

  height: 0;

  width: 100%;

}

.cat-text h3{

  color: #fff;

  text-transform: uppercase;

  font-size: 30px;

  font-family: oswaldbold;

  position: absolute;

  left: 0;

  right: 0;

  top: 65px;

  transition: all 0.5s ease;

}



.cat-text:hover h3{

  color: #00abeb;

  top: 50px;

}
.welcomehead{ text-align:center; padding:15px 0;}

.cat-main:hover .cat-text{

 width: 99%;
    height: 33%;
    border: solid 4px;
    border-color: #fff;
    top: 36%;
    transition: all 0.5s ease;

}

.certification{ text-align:center; padding:15px 0;}

.slogan{ font-family: oswaldbold;
    font-size: 28px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    color: #d7251c;
    text-transform: uppercase;
    padding: 15px 0;}
.aboutusindex{ background:#505050;}
.aboutmain{      font-size: 16px;
    color: #fff;
    text-align: center;
    font-family: Arial;
    padding: 15px 0;}

.common-prd-wrapper{text-align: center;
    margin-top: 10px;
    border: 2px solid #b3b1b1;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 0px;}
.common-prd-wrapper:hover{text-align: center;
    margin-top: 10px;
    -webkit-box-shadow: -2px -1px 7px -2px rgba(0,0,0,0.75);
-moz-box-shadow: -2px -1px 7px -2px rgba(0,0,0,0.75);
box-shadow: -2px -1px 7px -2px rgba(0,0,0,0.75);
    margin-bottom: 20px;
    background-color: #fff;}
	
	

.common-prd-wrapper .prd-img{}

.common-prd-wrapper .prd-img a{display:block;}

.common-prd-wrapper .prd-img a img{ 
    padding-top: 31px;
    height: 260px;}
.exbision{ text-align:center; padding:10px 0;}


.common-prd-wrapper .showonfront{position:relative;}

.common-prd-wrapper .showcarts{
	position: absolute;
    top: 0%;
    left: 30px;
    right: 30px;
	    height: 47px;
    opacity: 0;
   background:#FF0000;;
   transition: 1s all;
}

.common-prd-wrapper:hover .showcarts{
top: 92%;
    opacity: 4;
    transform: translateY(-70%);
	}



.common-prd-wrapper .showcarts a{font-family: 'Oswald', sans-serif; text-decoration:none; display:inline-block; color:#fff; font-size:15px;    padding: 13px 0; font-weight:500; text-transform:uppercase;}

.common-prd-wrapper .showcarts a img{display:inline-block; margin-right:5px;}





.feature{color: #000;
    text-transform: uppercase;
    text-align: center;
    font-family: oswaldbold;
    padding: 13px 0;
    font-size: 41px;
    /* background-image: url(im/instagram-logo.png); */
    /* background-repeat: no-repeat; */
    /* background-position: left center; */
    /* display: inline; */
    /* padding-left: 24px; */}

.bottommain{ background:#000000;}
.copy{ text-align: center;
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    color: #8c8c8c;
    padding: 15px 0;}
.payment{ text-align:left; padding:10px 0;}

@media screen and (max-width: 991px){

.cat-text h3{

  color: #fff;

  text-transform: uppercase;

  font-size: 15px;

  font-family: oswaldbold;

  position: absolute;

  left: 0;

  right: 0;

  top: 30px;

  transition: all 0.5s ease;

}



.cat-text:hover h3{

  color: #00abeb;

  top: 20px;

}

}

/*--------- Cat End --------*/























/*--------- Start End --------*/

.request-fulid{

  background-image: url(im/req-bg.png);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  padding-bottom: 10px;

}

.request-main-text{

  text-align: center;

  padding-top: 18px;

  padding-bottom: 18px;

}

.request-main-text h2{

  font-size: 22px;

  color: #00adee;

  font-family: robotobold;

  text-transform: capitalize;

}

.request-main-text p{

  font-size: 14px;

  color: #fff;

  font-family: robotoregular;

  text-transform: capitalize;

  padding-top: 10px;

}

.request-text{



}

.request-text h1{

  font-family: oswaldbold;

  font-size: 30px;

  color: #fff;

  text-align: center;

  padding-top: 40px;

  padding-bottom:40px;

}

.request-text p{

  font-family: robotoregular;

  font-size: 16px;

  color: #fff;

  text-transform: capitalize;

}

.request-text a{

  margin: 7px 0px 7px 34%;

  color: #fff;

  background-image: url(im/req-dots.png);

  background-repeat: no-repeat;

  background-position: left center;

  padding-left: 20px;

}

.request-text a:hover{

  text-decoration: none;

  color: #00adee;

}

.request-text button{

  text-align: center;

  margin-left: 24%;

  margin-right: 30%;

  width: 300px;

  height: 45px;

  background-color: #ba1a1a;

  border:0;

  text-transform: uppercase;

  font-size: 16px;

  font-family: robotoregular;

  margin-top: 19px;

}





















@media screen and (max-width: 767px){

  .request-main-text h2{

    font-size: 24px;

  }

  .request-main-text p{

    font-size: 12px;

  }

  .request-text h1{

    font-size: 25px;

  }

  .request-text a{

    margin: 7px 0px 7px 0%;

  }

  .request-text button{

    margin-left: 0%;

    margin-right: 0%;

    width: 250px;

  }

}

/*--------- Request End --------*/





















/*--------- Instagram Start --------*/

.instagram-fluid{

  background-color: #212121;

  border-top: solid 8px #fff;

  border-bottom: solid 8px #fff;

  padding-top: 40px;

  padding-bottom: 40px;

}

.instagram-text{

  text-align: center;

}

.instagram-text h1{

  color: #00adee;

  text-transform: uppercase;

  font-family: oswaldbold;

  font-size: 30px;

  background-image: url(im/instagram-logo.png);

  background-repeat: no-repeat;

  background-position: left center;

  display: inline;

  padding-left: 50px;

}

.instagram-text p{

  font-family: robotoregular;

  font-size: 16px;

  color: #fff;

  text-transform: capitalize;

  padding-bottom: 25px;

  padding-top: 10px;

}

.instagram{

  width: 20%;

  display: inline-block;

  vertical-align: top;

  margin-left: -4px;

  padding-left: 10px;

}











@media screen and (max-width: 767px){

  .instagram-text h1{

    font-size: 25px;

  }

  .instagram-text p{

    font-size: 13px;

  }

}

/*--------- Instagram End --------*/













.bottomhelp{      font-size: 32px;
    color: #000;
    font-family: oswaldbold;
    text-transform: uppercase;
    padding-top: 0px;
    text-align: left;}
	.bottomhelp2{        font-size: 14px;
    font-family: oswaldbold;
    line-height: 1.42857143;
    color: #000;
    text-align: left;
    padding: 0px;
    text-transform: uppercase;
    font-style: italic;
}

.bottomlogo{    text-align: left;
    padding: 17px 0;}





/*--------- Email Start --------*/

.email-fulid{

  background-color: #c8e600;

  border-bottom: solid 4px #fff;

     padding-top: 32px;
    padding-bottom: 34px;

}

.email{

  text-align: left;

}

.email h1{

  color: #fff;

  font-size: 30px;

  font-family: oswald_regularregular;

  text-transform: uppercase;

}

.email p{

font-family: oswald_regularregular;
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding-right: 5px;
    vertical-align: bottom;

}

.email input{

 padding-top: 10px;
    background-color: #00adee;
    border: 0;
    width: 30%;
    height: 48px;
    border-bottom: solid 1px #fff;
    display: inline-block;
    font-size: 16px;
    color: #000;
    padding-left: 15px;
    text-transform: uppercase;
    font-family: oswald_regularregular;
	

}

.email button{

  background-color: #000;

  border: 0;

  width: 20%;

  height: 50px;

  display: inline-block;

  font-family: oswald_regularregular;

  color: #fff;

  font-size: 18px;

  text-transform: uppercase;

  border-radius: 5px;

      margin-left: 80px;
	  margin-top: 3px;

}




.












@media screen and (max-width: 1199px){

  .email button {

    font-size: 16px;

  }

}







@media screen and (max-width: 991px){

  .email button {

    width: 25%;

  }

}









@media screen and (max-width: 767px){

  .email h1{

    font-size: 17px;

  }

  .email input{

    width: 60%;

  }

  .email button{

    width: 60%;

    margin-top: 10px;

  }

}

/*--------- Email End --------*/























/*--------- Bottom Start --------*/

.bottom-bg{

		background: url(im/bottom-logo.png) #000000;
		background-repeat: no-repeat;
		background-position: center;
		padding-top: 0px;
}

.bottom-text{

  text-align: left;

}



.bottom-text h3{

   
    font-family: oswaldbold;
    color: #8c8c8c;
        padding-top: 64px;

}

.bottom-text ul{

  margin: 0;

  padding: 0;

  display: block;

      padding-top: 8px;

  position: relative;

}

.bottom-text li{

  display: block;

}

.bottom-text a{

  display: block;

}

.bottom-text p{

        font-family: Arial;
    font-size: 15px;
    /* text-transform: uppercase; */
    color: #fff;
    line-height: 19px;
    padding: 8px 14px;
    background-image: url(im/bottom-ero.png);
    background-repeat: no-repeat;
    background-position: left 13px;

}

.quickcontact{
	font-family: Arial;
    font-size: 15px;
    /* text-transform: uppercase; */
    color: #8c8c8c;
    line-height: 19px;
    padding: 0px 0px;
    background-repeat: no-repeat;
    background-position: left 13px;

}




.bottom-text2{

    font-family: Arial;
    font-size: 15px;
    /* text-transform: uppercase; */
    color: #8c8c8c;
    line-height: 19px;
    padding: 0px 0px;
    background-repeat: no-repeat;
    background-position: left 13px;

}

.bottom-text span{

  font-family: Arial;
    font-size: 12px;
    color: #8c8c8c;
    line-height: 19px;
    padding: 8px 14px;
    text-transform: uppercase;

}

.bottom-text a{

    font-family: Arial;
    font-size: 12px;
    color: #8c8c8c;
    line-height: 19px;
    padding: 8px 14px;
    background-image: url(im/bottom-ero.png);
    background-repeat: no-repeat;
    background-position: left center;
    /* text-transform: uppercase; */

}

.bottom-text h1{

  font-family: oswaldbold;

  font-size: 30px;

  color: #0096ce;

  text-transform: uppercase;

  position: absolute;

  bottom: 0;

  left: 0;

}

.bottom-text a:hover{

  color: #d7251c;

  text-decoration: none;

}

.bottom-bt-text p{

color: #fff;
    padding: 15px;
    text-align: center;
    margin-top: 50px;
    background-color: #d7251c;

}











@media screen and (max-width: 991px){

  .bottom-text{

    padding-top: 30px;

  }

  .bottom-bg{

  background:#000000;
  height: 872px;
 

  }

}

/*--------- Bottom End --------*/

















/*--------- Instagram --------*/

.instaProfile {

  margin: 0 auto;

  text-align: center;

}

.instaProfile img {

  border-radius: 73px;

  -webkit-box-shadow: 0 8px 6px -6px black;

  -moz-box-shadow: 0 8px 6px -6px black;

  box-shadow: 0 8px 6px -6px black;

  margin-bottom: 20px;

}

.instaBtn {

  background: #3897f0;

  border-color: #3897f0;

  border-radius: 3px;

  border-style: solid;

  border-width: 1px;

  color: #fff;

  cursor: pointer;

  margin-left: 20px;

  margin-bottom: 20px;

  padding: 0 24px;

}

.instaBtn:active {

  opacity: 0.7;

}

#instagramDiv {

  padding: 2em;

  position: relative;

  z-index: 100;

}

.grid-container {

  display: grid;

  grid-auto-flow: row dense;

  grid-gap: 6px;

  grid-template-columns: repeat(auto-fill, minmax(17%, 1fr));

  margin: 0 auto;

}

.grid-container .item {

  background-color: rgba(255, 255, 255, 0.8);

  -webkit-box-shadow: 0 8px 6px -6px black;

  -moz-box-shadow: 0 8px 6px -6px black;

  box-shadow: 0 8px 6px -6px black;

  font-size: 30px;

  grid-row-start: auto;

  text-align: center;

}



.grow {

  position: relative;

  transform: scale(1);

  transition: all 0.5s ease;

  z-index: 100;

}

/*-----

.grow:hover {

  position: relative;

  transform: scale(1.2);

  z-index: 200;

}

-----*/

.grid-container .item img {

  height: 100%;

  object-fit: cover;

  width: 100%;

}















@media screen and (max-width: 991px){

  .grid-container {

  display: grid;

  grid-auto-flow: row dense;

  grid-gap: 6px;

  grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));

  margin: 0 auto;

}

}











@media screen and (max-width: 480px){

  .grid-container {

  display: grid;

  grid-auto-flow: row dense;

  grid-gap: 6px;

  grid-template-columns: repeat(auto-fill, minmax(35%, 1fr));

  margin: 0 auto;

}


}
.grid-container .item{

transition: all 0.5s ease;

}
.grid-container .item:hover{

  width: 100%;

  height: 91%;

  border: solid 4px;

  border-color: rgb(0,171,235,0.5);

  top: 5%;

  transition: all 0.5s ease;

}